{%extends 'Eventos/base.html'%}
{% block css-javascript-agregados %}
{% endblock %}

{% block heading_content %}Eventos{% endblock %}

{% block content %}

<div id="info_pa_filtrar"> 
	{% if user.is_authenticated %}
        <!--  listado de visibilidad departamentos  -->
        <h5 id="visibilidad_departamentos" style="cursor:pointer;clear: both;">
                <span class="ui-icon ui-icon-circle-triangle-e" style="float:left; margin-top:2px;">
                </span>Visibilidad: Departamentos</h5>
        <div id="visibilidad_departamentos_container" style="width: 70%">
            <ul>
                {% for event in eventos_deptos %}
                    <ul>
                        <div class="row">
                            <span class="center">
                                <h6{{event}}</h6>
                                <p><i>{{event.Descripcion_evento}}</i></p>
                            </span>

                            {% ifequal operation 'edit' %}
                                <span class="event"><a href="/comunidadcyt/eventos/edit/False/{{event.id}}/">{{event}}</a></span>
                            {% else %}
                                {% ifequal operation 'delete' %}
                                    <span class="event"><a href="/comunidadcyt/eventos/borrar/{{event.id}}/">{{event}}</a></span>
                                {% else %}
                                    {% ifequal operation 'simple' %}
                                        <span class="event"><a href="/comunidadcyt/eventos/view/{{event.id}}/">Ver</a></span>
                                    {% endifequal%}
                                {% endifequal%}
                            {% endifequal %}
                        </div>
                    </ul>
                {% endfor %}
            </ul>
        </div>

        <!--  listado de visibilidad grupos  -->
        <h5 id="visibilidad_grupos" style="cursor:pointer;clear: both;">
                <span class="ui-icon ui-icon-circle-triangle-e" style="float:left; margin-top:2px;">
                </span>Visibilidad: Grupos de Investigación</h5>
        <div id="visibilidad_grupos_container" style="width: 70%">
            <ul>
                {% for event in eventos_grupos %}
                    <ul>
                        <div class="row">
                            <span class="center">
                                <h6>{{event}}</h6>
                                <p><i>{{event.Descripcion_evento}}</i></p>
                            </span>

                            {% ifequal operation 'edit' %}
                                <span class="event"><a href="/comunidadcyt/eventos/edit/False/{{event.id}}/">{{event}}</a></span>
                            {% else %}
                                {% ifequal operation 'delete' %}
                                    <span class="event"><a href="/comunidadcyt/eventos/borrar/{{event.id}}/">{{event}}</a></span>
                                {% else %}
                                    {% ifequal operation 'simple' %}
                                        <span class="event"><a href="/comunidadcyt/eventos/view/{{event.id}}/">Ver</a></span>
                                    {% endifequal%}
                                {% endifequal%}
                            {% endifequal %}
                        </div>
                    </ul>
                {% endfor %}
            </ul>
        </div>
	{% endif %}

		</div>
            <!--  listado de visibilidad publica  -->
            <h5 id="visibilidad_publica" style="cursor:pointer;clear: both;">
                <span class="ui-icon ui-icon-circle-triangle-e" style="float:left; margin-top:2px;">
                </span>Visibilidad Publica</h5>
                    <div id="visibilidad_publica_container" style="width: 70%">
            <ul>
                {% for event in public %}
                    <ul>
                        <div class="row">
                            <span class="center">
                                <h6>{{event}}</h6>
                                <p><i>{{event.Descripcion_evento}}</i></p>
                            </span>

                            {% ifequal operation 'edit' %}
                                <span class="event"><a href="/comunidadcyt/eventos/edit/False/{{event.id}}/">{{event}}</a></span>
                            {% else %}
                                {% ifequal operation 'delete' %}
                                    <span class="event"><a href="/comunidadcyt/eventos/borrar/{{event.id}}/">{{event}}</a></span>
                                {% else %}
                                    {% ifequal operation 'simple' %}
                                        <span class="event"><a href="/comunidadcyt/eventos/view/{{event.id}}/">Ver</a></span>
                                    {% endifequal%}
                                {% endifequal%}
                            {% endifequal %}
                        </div>
                     </ul>
                {% endfor %}
            </ul>
		</div>
 </div>

 <script type="text/javascript">
	  
    $(".link").button();
    $("#visibilidad_departamentos_container").hide();
    $("#visibilidad_grupos_container").hide();
    $("#visibilidad_publica_container").hide();

    $("#visibilidad_publica").click(function(){
      if ($("#visibilidad_publica_container").is(':visible'))
      {
      	$("#visibilidad_publica > span").removeClass('ui-icon ui-icon-circle-triangle-s');
		$("#visibilidad_publica > span").addClass('ui-icon ui-icon-circle-triangle-e');
        $("#visibilidad_publica_container").slideUp('swing');
      }
      else
      {
      	$("#visibilidad_publica > span").removeClass('ui-icon ui-icon-circle-triangle-e');
		$("#visibilidad_publica > span").addClass('ui-icon ui-icon-circle-triangle-s');
        $("#visibilidad_publica_container").slideDown('swing');
      }
    });

    $("#visibilidad_departamentos").click(function(){
        if ($("#visibilidad_departamentos_container").is(':visible'))
        {
            $("#visibilidad_departamentos > span").removeClass('ui-icon ui-icon-circle-triangle-s');
            $("#visibilidad_departamentos > span").addClass('ui-icon ui-icon-circle-triangle-e');
            $("#visibilidad_departamentos_container").slideUp('swing');
        }
        else
        {
            $("#visibilidad_departamentos > span").removeClass('ui-icon ui-icon-circle-triangle-e');
            $("#visibilidad_departamentos > span").addClass('ui-icon ui-icon-circle-triangle-s');
            $("#visibilidad_departamentos_container").slideDown('swing');
        }
    });

    $("#visibilidad_grupos").click(function(){
        if ($("#visibilidad_grupos_container").is(':visible'))
        {
            $("#visibilidad_grupos > span").removeClass('ui-icon ui-icon-circle-triangle-s');
            $("#visibilidad_grupos > span").addClass('ui-icon ui-icon-circle-triangle-e');
            $("#visibilidad_grupos_container").slideUp('swing');
        }
        else
        {
            $("#visibilidad_grupos > span").removeClass('ui-icon ui-icon-circle-triangle-e');
            $("#visibilidad_grupos > span").addClass('ui-icon ui-icon-circle-triangle-s');
            $("#visibilidad_grupos_container").slideDown('swing');
        }
    });

 </script>
{% endblock %}